<template>
	<view class="box">
		<view class="tab">
			<image src="https://xinguan-parent2.oss-cn-hangzhou.aliyuncs.com/other/index_02.png" mode=""></image>
			<view class="tab-1">
				仔细阅读，可以帮助你更好的了解使用规则
			</view>
		</view>
		
		<view class="tab1">
			<view class="tab-2">
				<view class="shu"></view>
				<view class="tab-2-1">
					黑名单规则
				</view>
			</view>
			<view class="tab-3">
				15天内产生3次违规记录将被拉黑7天
			</view>
		</view>
	
	
	<view class="tab1">
			<view class="tab-2">
				<view class="shu"></view>
				<view class="tab-2-1">
					暂离功能使用频率
				</view>
			</view>
			<view class="tab-3">
				2小时内可暂离保留3次
			</view>
	</view>
	
	<view class="tab1">
			<view class="tab-2">
				<view class="shu"></view>
				<view class="tab-2-1">
					选座频率
				</view>
			</view>
			<view class="tab-3">
				退座一分钟后可再次选座
			</view>
	</view>
	
	<view class="tab1">
			<view class="tab-2">
				<view class="shu"></view>
				<view class="tab-2-1">
					闭馆规则
				</view>
			</view>
			<view class="tab-3">
				闭馆前0分钟发送闭馆提醒<br>
				闭馆前0分钟将停止预约
			</view>
		
	</view>
	
	<view class="tab1">
			<view class="tab-2">
				<view class="shu"></view>
				<view class="tab-2-1">
					监督占座
				</view>
			</view>
			<view class="tab-3">
				每个用户可监督占座0次/天<br>
				每次间隔0分钟被监督占座后8分钟内回签有效
			</view>
		
	</view>
	
	<view class="tab1">
			<view class="tab-2">
				<view class="shu"></view>
				<view class="tab-2-1">
					打卡模式
				</view>
			</view>
			<view class="tab-3">
				学习0分钟后即视为一次有效打卡<br>
				10天内累计3次未打卡将进入未打卡名单
			</view>
		
	</view>
	
	<view class="tab1">
			<view class="tab-2">
				<view class="shu"></view>
				<view class="tab-2-1">
					淡季设定
				</view>
			</view>
			<view class="tab-3">
				未设置
			</view>
		
	</view>
	<view class="tab1">
			<view class="tab-2">
				<view class="shu"></view>
				<view class="tab-2-1">
					明日预约
				</view>
			</view>
			<view class="tab-3">
				未开启
			</view>
		
	</view>
	</view>
</template>

<script>
</script>

<style>
	.box{
		margin-top: 20px;
	}
	.tab{
		height: 60rpx;
		width: auto;
		border-radius: 70rpx 70rpx 0 70rpx;
		border:  #00aaff solid;
		background-color: #00aaff;
		color: #FFFFFF;
		margin: 10rpx 30rpx 10rpx 30rpx;
	}
	
	.tab>image{
		width: 50rpx;
		height: 50rpx;
		margin-left: 10rpx;
		margin-top: 6rpx;
		border-radius: 25rpx;
		background-color: #FFFFFF;
	}
	
	image , .tab-1{
		float: left;
	}
	
	.tab-1 {
		
		margin-top: 8rpx;
		margin-left: 20rpx;
	}
	
	.tab-2 {
		margin-left: 40rpx;
	}
	.shu{
		display: inline-block;
		width: 3rpx;
		height: 23rpx;
		border: #00aaff solid 1rpx;
		border-radius: 16rpx;
		background-color: #00AAFF;
	}
	.tab-2-1{
		display: inline-block;
		margin-left: 25rpx;
		font-weight: 700;
	}
	.tab-3 {
		margin-top: 10rpx;
		margin-left: 80rpx;
	}
	
	.tab1{
		margin-bottom: 20rpx;
	}
</style>
